﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>人力资源管理系统</title>
    <link rel="stylesheet" type="text/css" href="/HR_SYSTEM/Styles/base.css" />
    <link rel="stylesheet" type="text/css" href="/HR_SYSTEM/Styles/admin-all.css" />
    <link rel="stylesheet" type="text/css" href="/HR_SYSTEM/Styles/bootstrap.min.css" />
    <script type="text/javascript" src="/HR_SYSTEM/Scripts/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="/HR_SYSTEM/Scripts/jquery.spritely-0.6.js"></script>
<!--<script type="text/javascript" src="/HR_SYSTEM/Scripts/chur.min.js"></script> -->
    <link rel="stylesheet" type="text/css" href="/HR_SYSTEM/Styles/login.css" />
    <script type="text/javascript">
        $(function () {
            $('#clouds').pan({ fps: 20, speed: 0.7, dir: 'right', depth: 10 });
            $('.login').click(function () {
                if ($('#uid').val() == "" || $('#pwd').val() == "" || $('#code').val() == "") 
                { $('.tip').html('用户名或密码不可为空！'); }
                else {
                    document.forms["form_login"].submit();
                }
            });
        });

		function verifyCode_change(){
			var image = document.getElementById("vCode");
			image.src = "<c:url value='/VerifyCodeServlet'/>?xxx=" + new Date().getTime();
		}
	</script>
</head>
<body>
<!--     <div id="clouds" class="stage"></div> -->
    <div class="loginmain">
    </div>

    <div class="row-fluid">
        <h1>人力资源管理系统</h1>
        <form action="<c:url value='/UserLoginServlet'/>" name="form_login" method="post" target="_top">
        <input type="hidden" name="method" value="login"/>
        <p>
            <label>帐&nbsp;&nbsp;&nbsp;号：<input type="text" id="username" name="username"/></label>
        </p>
        <p>
            <label>密&nbsp;&nbsp;&nbsp;码：<input type="password" id="password" name="password" /></label>
        </p>
        <p class="pcode">
            <label>校验码：<input type="text" id="verifyCode" name="verifyCode" maxlength="6" class="code" value="" />
            <img src="<c:url value='/VerifyCodeServlet' />" id="vCode" onclick="verifyCode_change()" class="imgcode" alt="点击更新图片" style="cursor: hand"/></label>
        </p>
        <p class="tip">${msg}</p>
        <hr />
        <input type="button" value=" 登 录 " class="btn btn-primary btn-large login" />
        &nbsp;&nbsp;&nbsp;
        <input type="button" value=" 取 消 " class="btn btn-large" />
        </form>
    </div>
</body>
</html>
